<template>
  <div class="food-moment"
       v-loading="foodStore.isLoading" element-loading-text="加载中">
    <el-empty v-if="foodStore.momentList.length === 0" description="暂无记录"/>

    <div v-else class="moment-list">
      <moment-card v-for="(item, index) in foodStore.momentList"
                   :key="index" :item="item"/>
    </div>
  </div>
</template>

<script setup lang="ts">
import MomentCard from '@/components/Moment/MomentCard.vue'
import { useFoodStore } from '@/store/food'

const foodStore = useFoodStore()
</script>


<style lang="scss">
@use "@/styles/moment.module.scss";
</style>
